//
//  SwiftUIView_Image.swift
//  SwiftUIPractice
//
//  Created by 朝花夕拾 (external - Project) on 2024/8/13.
//

import SwiftUI

struct SwiftUIView_Image: View {
    var body: some View {
        Text("图片")
        
        
        Image("a2")
        //直接放进来 图片太大 超出屏幕, 这个东西就能把图片缩到填充屏幕
            .resizable()
        
        //设置图片的填充模式
            .aspectRatio(contentMode: .fit)
        
//            .scaledToFit()
//            .scaledToFill()
        
        //给图片一个尺寸
            .frame(width: 100, height: 200)
        
        //超出之后 可以裁剪图片
//            .clipped()
        
        //加圆角
//            .cornerRadius(60)
        
        //使用这种方法直接把图片裁剪成
//            .clipShape(Circle())
//            .clipShape(RoundedRectangle(cornerRadius: 100))
//            .clipShape(Ellipse ())
        
        
        Image("bubble_white")
        //如果要改变图片的颜色, 下面这一句的优先级很高, 需要首先调用 然后再去调用其他的函数
            // 如果不想要每次调用的时候, 都去写这句话,
            //那么, 在Assets里面,把这个图片的渲染模式 (render as) 直接设置成为 Template 就能不必每次都写这句话了
            .renderingMode(.template)
            
            .foregroundColor(.red)

    }
}

#Preview {
    SwiftUIView_Image()
}
